<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="edge" />
	<link rel="shortcut icon" href="../static/favicon.ico.html" />
	<title>Insdep Document</title>
	<meta name="keywords" content="">
	<meta name="description" content="">

	<script src='./plugin/ngprocess/ngprocess.js'></script>
	<link rel='stylesheet' href='./plugin/ngprocess/ngprocess.js'/>


	<link href="./insdep.easyui.min.css" rel="stylesheet" type="text/css">
	<link href="iconfont/iconfont.css" rel="stylesheet" type="text/css">

	<link href="master.css" rel="stylesheet" type="text/css">



	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript" src="jquery.easyui.min.js"></script>
	<!--<script type="text/javascript" src="../../../../static/insdep/insdep.config.min-v=1524319080.js"></script>-->
	<style>
		#aa .panel-header{
			border-width: 0px 0 0px;
		}
		#aa .accordion-header{
			background: #004182;
		}
		#aa {
			border-width: 0px
		}
		#aa .panel-title{
			color: gainsboro;
		}

		#aa .panel-body{
			background-color: #004182c7;
		}
		#aa a{
			color:#ffffff
		}

		#aa .accordion-body{
			border-width:0 0 0px;
		}
		#aa li:hover{
			background-color: #004182c7;
		}
	</style>



	<link href="insdep-github-gist.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="highlight.pack.js"></script>
	<script >hljs.initHighlightingOnLoad();</script>

</head>
<body>

<script>NProgress.start();</script>
<!--显示遮罩层-->
<div class="initial-mask" style="position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:9999999;"></div>

<div class="notice-wrapper">
	<div id="browser_detect" class="notice notice-prompt notice-orange" style="display: none">
		<div class="notice-close">×</div>
		<dl>
			<dt>浏览器兼容异常</dt>
			<dd>抱歉，您当前使用的浏览器版本过低，可能会导致您的信息泄露或访问异常，建议您更换更高版本浏览器。</dd>
		</dl>
	</div>
</div>
<div class="document-left">
	<div class="logo"></div>
	<div data-options="region:'center',border:false">
		<div id="aa" class="easyui-accordion" style="width:200px;" style="border-width:0px!important;">
			<div title="人员档案"style="overflow:auto;">
				<ul class="" data-options="border:false,fit:true" >
					<li style="padding: 10px"><a href="#" style="margin-left: 30px" data-bind="click" data-url="admin.html" data-title="管理员" >管理员1</a></li>
					<li style="padding: 10px"><a href="#" style="margin-left: 30px" data-bind="click" data-url="admin.html" data-title="管理员" >管理员2</a></li>
				</ul>
			</div>
			<div title="系统管理"style="overflow:auto;">
				<ul class="" data-options="border:false,fit:true" >
					<li style="padding: 10px"><a href="#" style="margin-left: 30px" data-bind="click" data-url="admin.html" data-title="管理员" >管理员1</a></li>
				</ul>
			</div>

			<div title="外部人员"style="overflow:auto;">
				<ul class="" data-options="border:false,fit:true" >
					<li style="padding: 10px"><a href="#" style="margin-left: 30px" data-bind="click" data-url="admin.html" data-title="管理员" >管理员1</a></li>
				</ul>
			</div>

			<div title="新闻公告"style="overflow:auto;">
				<ul class="" data-options="border:false,fit:true" >
					<li style="padding: 10px"><a href="#" style="margin-left: 30px" data-bind="click" data-url="admin.html" data-title="管理员" >管理员1</a></li>
				</ul>
			</div>

		</div>

		<!--<div class="easyui-accordion" data-options="border:false,fit:true">-->
		<!--<div title="管理面板">-->
		<!--<ul class="easyui-datalist" data-options="border:false,fit:true">-->
		<!--<li><a href="#" data-bind="click" data-url="admin.html" data-title="管理员">管理员</a></li>-->
		<!--</ul>-->
		<!--</div>-->

		<!--</div>-->
	</div>

</div>
<div class="document-right">


	<div class="document-user">

		<div class="theme-header-navigate">

			<div class="left">
				<a id="close-sidebar" class="easyui-linkbutton"><span class="iconfont theme-left-menu-switch">&#xe9e8;</span></a>
				<div class="theme-navigate">
					<div class="left">
						<a href="https://www.insdep.com/" class="easyui-linkbutton" target="_blank">菜单1</a>
						<a href="https://www.insdep.com/list-1-1.html" class="easyui-linkbutton" target="_blank">菜单1</a>
						<a href="https://www.insdep.com/list-2-1.html" class="easyui-linkbutton" target="_blank">菜单2</a>
						<a href="https://www.insdep.com/list-3-1.html" class="easyui-linkbutton" target="_blank">菜单3</a>
						<a href="https://www.insdep.com/list-4-1.html" class="easyui-linkbutton" target="_blank">菜单4</a>
					</div>
					<div class="right">
						<a href="#" class="easyui-menubutton theme-navigate-more-button" data-options="menu:'#more',hasDownArrow:false"></a>
						<div id="more" class="theme-navigate-more-panel">
							<div>联系我们</div>
							<div>参与改进计划</div>
							<div>关于</div>
						</div>
					</div>
				</div>
			</div>
			<div class="right">

				<a href="init.html#" class="easyui-menubutton theme-header-navigate-user-button" data-options="menu:'.theme-header-navigate-user-panel'"><img src="portrait_250x250.png" width="32" height="32">匿名</a>
				<div class="theme-header-navigate-user-panel">
					<dl>
						<dd>

							<img src="portrait_250x250.png" width="86" height="86">
							<b style="margin:25px 0 0;">匿名</b>
							<span class="font-grayish">您还未登录</span>
						</dd>
						<dt>
							<a class="theme-navigate-user-login" href="../../../../member/index-callback=https_||www.insdep.com|document|page|easyui|index|init.html">立即登录</a>
						</dt>
					</dl>
				</div>

				<!--<div class="theme-header-navigate-sep"></div>-->
				<!--<input class="easyui-searchbox theme-header-navigate-search" data-options="prompt:'输入搜索的关键词..',menu:'#navigate_search_select'" style="width:250px"></input>-->
				<!--<div id="navigate_search_select" class="theme-header-navigate-search-panel" data-options="noline:true">-->
				<!--<div data-options="name:'all'">全部内容</div>-->
				<!--<div data-options="name:'sports'">标题</div>-->
				<!--<div data-options="name:'sports'">作者</div>-->
				<!--<div data-options="name:'sports'">内容</div>-->
				<!--</div>-->
				<!--<div class="theme-header-navigate-sep"></div>-->

				<!--<a href="init.html#" class="easyui-linkbutton"><span class="iconfont">&#xe690;</span></a>-->

				<a href="init.html#" class="easyui-menubutton" data-options="menu:'#navigate_more',hasDownArrow:false"><span class="iconfont">&#xe684;</span></a>
				<div id="navigate_more" class="theme-header-navigate-menu-panel" data-options="noline:true">
					<div>联系我们</div>
					<div>参与改进计划</div>
					<div>关于</div>
				</div>

			</div>

		</div>


	</div>
	<div class="document-menu">
		<p>快速开始</p>
		<dl>
			<dt><a href="#">123</a></dt>
		</dl>
		<dl>
			<dt>1.x</dt>
			<div>
				<dd><a href="#">123</a></dd>
			</div>
		</dl>
		<dl>
			<dt>2.x</dt>
			<div>
				<dd><a href="#">123</a></dd>
				<dd><a href="#">123</a></dd>
			</div>
		</dl>


	</div>
	<div class="document-content">
		<div class="document-manual">
			<div class="markdown-body">
				<h1>欢迎使用</h1>
				<p style="text-indent:2em">Insdep UI For EasyUI 是基于EasyUI 1.5.x 的一款免费的UI工具库，除提供常规EasyUI组件美化，还拥有InsdepUI提供的EasyUI兼容组件及第三方开源插件如：百度编辑器、cropper、Highcharts、justgage、plupload等各类适应兼容解决方案与插件美化补丁。Insdep UI致力于打造后端工程师的得力助手，实现ctrl+c与ctrl+v完成程序的快速开发。</p>
				<p style="text-indent:2em">从理论上来说，InsdepUI所提供的所有组件均能无缝兼容EasyUI，你只要ctrl+c示例代码，ctrl+v到你需要摆放的位置即可（注：不要忘记引用相应的依赖样式及依赖脚本），除easyui的Combo自定义下拉框，由于div标签被easyui所占用，因此需要将insdepUI组件中的div替换为article。</p>
				<p style="text-indent:2em">Insdep UI除了努力增加各类常用组件外，还在不断组件封装，通过脚本快速调用各类组件，在减少加载的情况下，实现无缝升级、无缝过渡、简单调用、低维护、一键切换。</p>
				<h1>使用须知</h1>
				<h3>1、使用必读</h3>
				<p style="text-indent:2em">Insdep UI For EasyUI 是基于<code>EasyUI 1.5.x系列的开源原生版本</code>基础上进行美化的一个主题包，同时在此基础上我们还原创开发了一些扩展组件及其他第三方开源项目对EasyUI的兼容解决方案，为了主题表现更加的完美，我们对EasyUI 1.5.x的原生版本代码做了一些HTML元素表现上修改，但未对整体逻辑进行修改，同时我们会在版本目录及更新日志中注明修改过的代码段、行号、位置及修改用意，因此在使用Insdep UI的过程中如果出现的控件错位、内容溢出等<code>前端表现上的错误</code>情况，但不会在浏览器控制台输出错误，均为InsdepUI的问题，您可以通过以下三种方式进行反馈或咨询，1、通过开发者QQ进行反馈；2、通过开发者交流群进行交流反馈；3、通过网站反馈功能进行提交。（请在网站联系栏目中查看相关联系方式）</p>
				<h3>2、免责内容</h3>
				<p style="text-indent:2em">综上所述，除<code>前端表现上的错误</code>外，其他错误均为您的开发代码错误或其他问题导致，您可以尝试以下四种方式查找错误：1、使用火狐或谷歌浏览器按F12打开浏览器控制台查看是否有错误输出，2、相同的代码尝试在原生EasyUI环境下调试是否正确，3、查看是否是您的后端请求错误，4、尝试清除您的浏览器缓存并重新打开浏览器进行访问；如果通过以上四种方式还是无法解决错误，您可以通过以下两种方式进行交流咨询，1、通过开发者交流群进行交流，2、通过本站问答社区进行交流。</p>
				<h3>3、新手建议</h3>
				<p style="text-indent:2em">如果您是新入门用户，并且<code>从未使用过EasyUI</code>，我们一般建议您先从EasyUI原生控件进行学习，继而在使用InsdepUI，这样可以更好的帮助您在遇到问题时可以自行处理。</p>
				<h3>4、关于兼容性</h3>
				<h1></h1>
				<blockquote>
					<p>1.x 系列</p>
				</blockquote>
				<h1></h1>
				<blockquote>
					<p>2.x 系列</p>
				</blockquote>
			</div>
		</div>
	</div>
</div>


<script>
	$(document).ready(function(){
		NProgress.done();
		$(".initial-mask").remove();

		var sidebar=true;
		$("#close-sidebar").on("click",function(){
			if(sidebar){
				$('.document-left').hide();
				$('.document-right').css("left","0");
				sidebar=false;
			}else{
				$('.document-left').show();
				$('.document-right').css("left","200px");
				sidebar=true;
			}

		});

		$('.topback').click(function(){$('.document-content').animate({scrollTop: '0px'}, 400);});

		$(".notice-close").on("click",function(){
			$(this).parent().remove();
		});

		if (!window.applicationCache){
			$(".notice").css({display:"block"}).delay(500).animate({opacity:1},"2000");
		}


	});

	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?2b3f4e046085001a80d501ac63aded48";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script>

</body>
</html>
